<template>
	<view class="row j-sb a-center p-re content" :style="{'--color':color}">
		<view class="p-left28 color_1A size38 bold">{{title}}</view>
		<view class="d-flex a-center" v-if="all">
			<text class="color_AB size28">全部</text>
			<view class="iconfont icon-a-zujian32 color_AB h7 p-left8"></view>
		</view>
	</view>
	
</template>

<script>
	import {mapState} from 'vuex';
	export default {
		name:"headline",
		props:['title','all'],
		data() {
			return {
				
			};
		},
		computed:{
			...mapState(['color'])
		}
	}
</script>

<style lang="scss" scoped>
	.content::after{
		content: '';
		width:8rpx;
		height: 34rpx;
		background-color: var(--color);
		position: absolute;
		left:0;
		top:50%;
		transform: translate(0,-50%);
	}
</style>